import React, {Component} from 'react'
import {
    Text,
    View,
    Button, StyleSheet
} from 'react-native'


export default class TitleBar extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <View style={style.container}>
                <View style={style.textContainer}>
                    <Text style={style.text}>
                        titlebar
                    </Text>
                </View>
            </View>
        )
    }
}

const style = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    textContainer: {
        width: 200,
        height: 200,
        backgroundColor: 'yellow',
        justifyContent: 'center',
        alignItems: 'center'
    },
    text: {
        // width: 100,
        // height: 100,
        fontSize: 20,
        color: 'black',
        backgroundColor: 'red',
        justifyContent: 'center',
        textAlign: 'center',
    }
})